:root {

    --var-h1-size: 3em;
    --padding-2: 2em;
    --color-white: #ffffff;
    --color-red: #ff0000;
    --color-green: #00ff00;
    --color-black: #101010

}

@media screen and (max-width: 60em) {

    :root {

        --var-h1-size: 2em;
        --padding-2: 1em

    }

}